<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>javascript语言精粹</title>
</head>
<body>
<p id="oP">
    fade
</p>
<ul id="oul">
    <li>
        Javascript 可以随意地定义全局变量来容纳应用的所有资源。
        最小化使用全局变量的方法之一是为你的应用只创建一个唯一的全局变量。
    </li>
    <li>
        闭包:作用域的好处是内部函数可以访问定义它们的外部函数的参数和变量（除了this 和 arguments）
    </li>
</ul>
<script src="func.js"></script>
<script>
    var fade = function(node)
    {
        var level = 1;
        var step = function()
        {
            var hex = level.toString(16);
            console.log(node.nodeType);
            // 1元素节点 2 属性节点 3 文本节点
            if(node.nodeType == 1)
            {
                node.style.backgroundColor = "#FFFF" +hex +hex;
            }else{
                alert('寻找节点错误');return false;
            }

            if(level < 15){
                level +=1;
                setTimeout(step,100);
            }
        };
        setTimeout(step,100);
    };
    var oUl = document.getElementById('oP');
    var oLi = oUl.lastChild;
    console.log(oUl);
//    fade(oLi);

</script>
</body>
</html>